<template>
  <div>
      <el-container class="fixed-box">
		<el-main>
			<el-header>易唐科技·在线无纸化考试系统</el-header>
               <Login v-if="isShow" @toggle="changeCard"/>
               <Register v-else @toggle="changeCard"/>
        </el-main>
	  <el-footer>2020 &copy;版权所有</el-footer>
	</el-container>
  </div>
</template>
<script>
import Login from './login'
import Register from './register'
  export default {
    name: '',
    data(){
      return{
            isShow: true ,// 卡片切换，一个是登录/一个是注册
      }
     
    },
    components:{
        Login,Register
    },
    methods:{
        changeCard(){
            this.isShow=!this.isShow
        }
    }
  }
</script>
<style  scoped>
.fixed-box{
	position: fixed;
	display: flex;
	width: 100%;
	height: 100%;
}
/*全局布局样式*/
.elmt-10{
	margin-top: 10px;
}
.elmb-10{
	margin-bottom: 10px;
}
.elva-bt{
	vertical-align: bottom;
}

/*主体部分*/
.el-main{
	width: 100%;
	/* min-height: 37.5rem; */
	height: 90%;
	background-image: url(../../images/login.jpg);
	background-size: cover;
	position: relative;
}
/*标题*/
.el-header{
	/* background-color: #13CE66; */
	font-size: 2rem;
	color: blue;
	line-height: 60px;
	letter-spacing: 10px;
	text-shadow: -2px -2px white, 2px 2px #c4bbbb;
}
/*底部版权*/
.el-footer{
	background-color: #f8f6f6;
	text-align: center;
	line-height: 60px;
}

</style>